<template>
  <div class="sharebutton">
    <button
      class="sharebutton_item"
      :class="!isShare ? 'on' : ''"
      @click="shareClickHandle"
    >
      {{ !isShare ? $t('lang["发送"]') : $t('lang["已发送"]') }}
    </button>
  </div>
</template>
<script>
export default {
  name: "ShareButton",
  props: {
    item: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  data() {
    return {
      isShare: false,
    };
  },
  methods: {
    shareClickHandle() {
      this.$emit("shareHandle", item);
    },
  },
};
</script>
<style lang="less">
@base: 23.44rem;
.sharebutton {
  .sharebutton_item {
    border: 0;
    line-height: 32 / @base;
    border-radius: 5 / @base;
    background-color: rgb(30, 144, 255);
    display: block;
    width: 100%;
    color: #fff;
    &.on {
    }
  }
}
</style>
